    {% extends 'main/index.html' %}

{% block center %}
    <script type='text/javascript' src='/tpl/include/jquerySimpleFAQ-master/src/jquery.quicksilver.js'></script>
    <script type='text/javascript' src='/tpl/include/jquerySimpleFAQ-master/src/jquery.simpleFAQ.js'></script>
    <link rel='stylesheet' type='text/css' href='/tpl/include/jquerySimpleFAQ-master/src/jquery.simpleFAQ.css' /><script type="text/javascript">
$(document).ready(function(){

//$("a.item").livequery('click',function(){
//var idrr = $(this).attr("id")
//$('div#awer'+idrr).load('../../faq_answer',{ 'idr':idrr,'embedded':true});
//});

$('#faqList').simpleFAQ({
  showOnlyOne: true,
});

});
</script>
<div id="moduli_dettaglio">
        <h2>FAQ</h2>
        <p>In questa pagina verranno raccolte le domande e le risposte più frequenti. Allargando leggermente anche a piccoli esempi di utilizzo o consigli utili per
        svolgere le principali funzioni del <b>PromoGest</b>.</p>

         <ul id='faqList'>
        {% for faq in pageData['faqs'] %}
        <li>
            <p class='question'><a href ="/faq_detail/{{faq.permalink}}">&nbsp;&nbsp;<img src="/tpl/img/link-icon.png" >&nbsp;&nbsp;</a><a href="#" class="item" dao="Faq" id="{{faq.id}}" />[ <b>{{faq.argomento}}</b> ] - {{faq.question}}</a>
            </p>
            <div class='answer' id='awer{{faq.id}}' ></div>
        </li>
        {% endfor %}

</ul>
    </div>
{% endblock %}
